<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <link rel="stylesheet" href="layui/css/layui.css"/>
    <script src="layui/layui.js"></script>

</head>
<body>
<div class="layui-form ">
    <div class="layui-form-item">
        <label class="layui-form-label">json</label>
        <div class="layui-input-block">
            <textarea id="data" style="width: 400px;height: 100px;"></textarea>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-input-block">
            <button class="layui-btn" id="save">保存数据</button>
        </div>
    </div>
</div>

</body>
</html>

<script>
    // 加载模块
    layui.config({
        base: 'module/' //假设这是你存放拓展模块的根目录
    }).extend({ //设定模块别名
        sysdata: 'sysdata'
    });

    layui.use(['layer', 'form', 'sysdata'], function () {
        var $ = layui.jquery
            , form = layui.form
            , sysdata = layui.sysdata

        var datakey = getUrlParam("datakey");
        var d = sysdata.getDataObj({key: datakey});
        $("#data").val(JSON.stringify(d));


        $("#save").click(function () {
            var str = $("#data").val();// 获取界面上的json内容
            var data = JSON.parse(str); // 转化成json格式的数据

            // 利用传过来的key 保存数据
            sysdata.saveDataObj({
                key: datakey
                , data: data
            });
        });

        /**
         * 获取传过来的参数
         */
        function getUrlParam(k) {
            var regExp = new RegExp('([?]|&)' + k + '=([^&]*)(&|$)');
            var result = window.location.href.match(regExp);
            if (result) {
                return decodeURIComponent(result[2]);
            } else {
                return null;
            }
        }
    });
</script>